<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>{if isset($data_seo.seo_title)}{$data_seo.seo_title}{/if}</title>

    <meta charset="UTF-8" name="keywords" content="{if isset($data_seo.seo_keywords)}{$data_seo.seo_keywords}{/if}">

    <meta charst="UTF-8" name="description" content="{if isset($data_seo.seo_description)}{$data_seo.seo_description}{/if}">

    <link rel="stylesheet" href="/static/home2/css/main.css">

    <link rel="stylesheet" type="text/css" href="/static/home2/css/swiper-3.4.2.min.css">

    <style type="text/css">

        @font-face {

            font-family: "YourFont";

            src: url(/static/home2/img/DINMittelschrift.otf);

        }

        @font-face {

            font-family: "YourFont1";

            src: url(/static/home2/img/343DD8_0_0.woff2.ttf);

        }

        @font-face {

            font-family: "YourFont2";

            src: url(/static/home2/img/DINMittelschrift-Alternate.otf);

        }

        .customfont {

            font-family: "YourFont", Helvetica, Arial;

        }

        .customfont1{

            font-family: "YourFont1", Helvetica, Arial;

        }

        .customfont2{

            font-family: "YourFont2", Helvetica, Arial;

        }

        .swiper-pagination-bullet{background: #FFFFFF;}

    </style>

</head>

<body>

<div class="top">

    <div class="top-1">

        波西米亚集团首页

        <img class="top-jiantou" src="/static/home2/img/zuojt.png" alt="">

    </div>

    <img class="dnqdn" src="/static/home2/img/dnqdn.png" alt="">



    <div class="top-2">

        400-0731-281

    </div>

    <img class="tubiao" src="/static/home2/img/tubiao.png" alt="">

</div>

<div class="nav">

    <div class="nav-1">

        <img src="/static/home2/img/wzrwyg.png" alt="">

    </div>

    <div class="nav-2">



        <p class="nav-2-1">

            <a href="/">

                <span class="nav-2-1-1">首页</span>

                <span class="nav-2-1-2">/ HOME</span>

            </a>

        </p>

        <p class="nav-2-1">

            <a href="/index.php/zphome ">

                <span class="nav-2-1-1 dangqym">样片</span>

                <span class="nav-2-1-2 dangqym">/ WORKS</span>

            </a>

        </p>

        <p class="nav-2-1">

            <a href="/index.php/kephome">

                <span class="nav-2-1-1 ">客片</span>

                <span class="nav-2-1-2 ">/ SHOW</span>

            </a>

        </p>

        <p class="nav-2-1">

            <a href="/index.php/zxhome">

                <span class="nav-2-1-1 ">最新发布 </span>

                <span class="nav-2-1-2 ">/ NEWS</span>

            </a>

        </p>

        <p class="nav-2-1">

            <a href="/index.php/brand">

                <span class="nav-2-1-1 " >品牌</span>

                <span class="nav-2-1-2 ">/ BRAND</span>

            </a>

        </p>

        <p class="nav-2-1">

            <a href="/index.php/contactus">

                <span class="nav-2-1-1 ">联系</span>

                <span class="nav-2-1-2 ">/ CONTACT</span>

            </a>

        </p>

        <p class="nav-2-1">

            <a href="/">

                <span class="nav-2-1-1">自助报价</span>

                <span class="nav-2-1-2">/ OFFER</span>

            </a>

        </p>

    </div>

</div>

<div class="banner ">


            {volist name="data_banner" id="v"}

  <a class="pc-banner" href="{$v.out_link}"> <img src="{$v.banner_img}" style="width: 100vw;min-width: 1200px;display:block"/></a>

            {/volist}

    </div>





<div class="zxyp" style="padding-bottom:70px">

    <div class="zxyp-1">

        <img class="zxyp-img" src="/static/home2/img/zxyp.png" alt="">

    </div>

    <div class="zxyp-lb">

        <div class="zxyp-lb-1 {if $Think.session.getid eq 2}BXZ{/if}" id="0" >

            <p>全部风格</p>

            <span>SIX BIG STYLE</span>

            <img class="jh1" src="/static/home2/img/jiahao.png" alt="">

            <img class="jh2" src="/static/home2/img/jiahaobai.png" alt="">

        </div>

        {volist name="data_style" id="v"}

                <div class="zxyp-lb-1 {if $Think.session.getid eq $v.id}BXZ{/if}" id="{$v.id}" >

                    <p>{$v.name}</p>

                    <span>SIX BIG STYLE</span>

                    <img class="jh1" src="/static/home2/img/jiahao.png" alt="">

                    <img class="jh2" src="/static/home2/img/jiahaobai.png" alt="">

                </div>

        {/volist}



    </div>

    <div class="zxyp-2" >

        {volist name="data_zp" id="v"}

            <div class="zxyp-2-1 "  onclick="details({$v.zjd})">

            <div class="zxyp-2-1-1">

                <img src="{$v.main_img}" alt="">

                <div class="zxyp-2-1-1-mb"><img src="/static/home2/img/mb-2.png" alt=""></div>

            </div>

            <div class="zxyp-2-1-2">

                <div class="zxyp-2-1-2-1">

                    <p>{$v.title}</p>

                    <span style="display:block;transform:scale(0.8);width:400px;margin-left: -40px">BOSMIA PHOTO Newest Sample series</span>

                    <span>拍摄场景:{$v.jname}</span>

                    <img src="/static/home2/img/jiahao.png" alt="">

                </div>

                <div class="zxyp-2-1-2-2">

                    <img src="/static/home2/img/yanjing.png" alt="">

                    <p>{$v.click}</p>

                </div>

            </div>

        </div>

    

        {/volist}

        <div class="clearfloat">



        </div>

    </div>

    <div class="fyb">

        <!--<div class="fyb-1">上一页</div>-->



        <!--<div class="fyb-nn">1</div>-->

        <!--<div class="fyb-nn">2</div>-->

        <!--<div class="fyb-nn xzhs">3</div>-->

        <!--<div class="fyb-nn">4</div>-->

        <!--<div class="fyb-nn">5</div>-->

        <!--<div class="fyb-nn">6</div>-->

        <!--<div class="fyb-nn">7</div>-->

        <!--<div class="fyb-nn">8</div>-->

        <!--<div class="fyb-nn">9</div>-->

        <!--<div class="fyb-2">下一页</div>-->

        {$page}

    </div>



</div>



    {include file="public/foot"}



<script>

           function details(id) {
            window.location.href="/index.php/zphome/details?id="+id;

        }

    $(".xtu1").click(function(){

        $(".dtu1").addClass("xianshi")

        $(".dtu1").siblings().removeClass("xianshi")

    })

    $(".xtu2").click(function(){

        $(".dtu2").addClass("xianshi")

        $(".dtu2").siblings().removeClass("xianshi")

    })

    $(".xtu3").click(function(){

        $(".dtu3").addClass("xianshi")

        $(".dtu3").siblings().removeClass("xianshi")

    })

    $(".xtu4").click(function(){

        $(".dtu4").addClass("xianshi")

        $(".dtu4").siblings().removeClass("xianshi")

    })

    $(".zxyp-lb-1").click(function(){

        var id= $(this).context.id;

        if(id==0){

            window.location.href="/index.php/zphome/index";

        }

//        var formData = new FormData(id);

        $(this).addClass("BXZ")

        $(this).siblings().removeClass("BXZ")

        window.location.href="/index.php/zphome/index?id="+id;

//        $.ajax({

//            url:"/index.php/zphome/index",

//            data:formData,

//            type:"post",

//            dataType:'json',

//            processData: false,  // 告诉jQuery不要去处理发送的数据

//            contentType: false,   // 告诉jQuery不要去设置Content-Type请求头

//            success:function(res){

//                if(1==res.code) {

//                    layer.msg(res.msg);

//                    window.location.href="/index.php/zphome/index"

//                }else{

//                    layer.msg(res.msg);

//                    return false;

//                }

//            },

//            error:function(){

//                layer.msg('系统错误');

//                return false;

//            },

//        });

    })

    $(".fyb-nn").click(function(){

        $(this).addClass("xzhs")

        $(this).siblings().removeClass("xzhs")

    })

    function fnClickId(id) {

        $.post("/index.php/zphome/index",{id:id},function(e){

            if(1 == e.code){

                layer.msg(e.msg);

                window.location.reload();

            }else{

                alyer.msg(e.msg);

                return false;

            }

        })

    }

</script>



<script>

    var mySwiper = new Swiper ('.lbt1', {

        direction: 'horizontal',

        noSwiping : true,

        loop: true,

        speed:1000,

        autoplay : {delay:3000},

        pagination: {el: '.xyd1',},

        navigation: {prevEl: '.lft1',nextEl: '.rit1',},

    })

</script>



</html>